<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <h:head>    <title>HPCLAB - Universidad Central</title> </h:head> 
    <body>
        <div><!-- image -->
            <img src="resources/images/logosimbolo-ucentral-v1-large.png" alt="" width="360" height="102"/>
        </div>
        <h:form id="loginForm">
            <p:growl id="growl" globalOnly="true" showDetail="true"></p:growl>

            <p:panel header="Autenticación de usuario" style="margin-left:520px; float:left; margin-top:50px; text-align:center; border-color: green">
                <h:panelGrid id="loginPanel" columns="2">
                    <p:spacer></p:spacer><p:spacer></p:spacer><p:spacer></p:spacer><p:spacer></p:spacer><p:spacer></p:spacer><p:spacer></p:spacer>
                    <h:outputText value="Correo:" />
                    <p:inputText id="username" value="#{loginController.correoelectronico}" required="true"></p:inputText>
                    <p:spacer></p:spacer>
                    <p:message for="username" ></p:message>
                    <h:outputText value="Contraseña:" />
                    <p:password id="password" value="#{loginController.password}" required="true" feedback="false"></p:password>
                    <p:message for="password"></p:message>
                    <a href="/Banco/faces/security/Principal.xhtml" style="color: green; text-decoration:none">Olvidé mi contraseña</a>
                    <p:spacer></p:spacer><p:spacer></p:spacer><p:spacer></p:spacer><p:spacer></p:spacer><p:spacer></p:spacer>
                </h:panelGrid>
                <p:commandButton action="#{loginController.autenticar()}" value="Ingresar" update="loginForm:growl" ajax="true"></p:commandButton>
            </p:panel>
        </h:form>
    </body> 
</html>